<template>
	<view class="page">
		<view class="main">
			<view class="topexplain">需支付金额</view>
			<view class="paytext">
				￥{{info.price}}
			</view>
		</view>
	
	 <view class="paytype">支付方式</view>
	 <view class="wechat">
		 <view class="w_left">
			 <image src="../static/img/weixin.png" mode=""></image>
			 <view class="w_cen">
				 <view class="w_name">微信支付</view>
				 <view class="w_explaiin">快捷支付</view>
			 </view>
		 </view>
		 <image src="../static/img/chonsewechat.png" class="chonseweixin" mode=""></image>
	 </view>
	
	<!-- 提交按钮 -->
	<view @click="paywechat" class="footer_btn">
		<view class="submit">确定</view>
		<view class="en">
			تاپشۇرۇش
		</view>
	</view>
	</view>
</template>

<script>
	import app from '@/util/api.js'
	export default{
		data(){
			return{
				card:'',
				info:{
					price:100
				}
			}
		},
		methods:{
			gonext(){
				app.toast('暂未开发')
			},
			paywechat(){
				app.confirm('微信支付正在审批中，此次作为模拟支付用',()=>{
					// app.load()
					// app.request('order/wxPay',{orderId:this.info.orderId}).then(res=>{
						
					// 	app.hide()
					// 	app.toast('支付成功')
					// 	setTimeout(()=>{
					// 		app.save('ordercur',1)
					// 		app.nto('goods/orderlist')
					// 	},500)
						
					// })
				},()=>{})
				
			},
			payali(){
				app.request('order/zfbPay',{orderId:this.info.orderId}).then(res=>{
					
				})
			}
		},
		mounted() {
			
		},
		components:{
			
		},
		onLoad(o) {
			
		}
	}
</script>

<style scoped>

.page{
	min-height: 100vh;
	background: #f5f5f5;
}
	.main{
		padding: 93rpx 0 109rpx;
		background: #fff;
		text-align: center;
	}
	
.topexplain{
	color: #999999;
	font-size: 30rpx;
}

.paytext{
	color: #333333;
	font-size: 48rpx;
	font-weight: bold;
}
	.lookmore{
		color: #F73661;
		font-size: 24rpx;
		padding: 34rpx 23rpx;
	}
	.paytype{
		padding: 30rpx 26rpx;
		color: #999999;
		font-size: 30rpx;
	}
	.wechat{
		background: #fff;
		padding: 30rpx 26rpx;
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.chonseweixin{
		width: 30rpx;
		height: 30rpx;
	}
	.w_left{
		display: flex;
		align-items: center;
	}
	.w_left image{
		width: 62rpx;
		height: 62rpx;
		margin-right: 27rpx;
	}
	.w_name{
		color: #333333;
		font-size: 24rpx;
		font-weight: bold;
	}
	.w_explaiin{
		color: #999999;
		font-size: 20rpx;
		margin-top: 6rpx;
	}
	.footer_btn{
			box-sizing: border-box;
		  width: 100vw;
		  background-color: #FFC03C;
		  height: 100rpx;
		  padding-top: 14rpx;
	text-align: center;
		  color: #FFFFFF;
		  font-size: 30rpx;
		  position: fixed;
		  bottom: 0;
		 }
		 .footer_btn .en{
		  font-size: 24rpx;
		  color: #fff ;
		 }
	
</style>
